<template>
	<view class="cart-title">
		<uni-icons type="shop" size='18'></uni-icons>
		<text class="cart-title-text">购物车</text>
	</view>
	<block v-for="(item,index) in cart" :key="index">
		<view class="btn_left">
			<radio :checked="item.check" color="#c00000"></radio>
		</view>
		    <image :src="'http://1.14.101.56:82/'+item.productImg"></image>
		    <view class="text">
		        <view class="title">{{ item.productName }}</view>
		        <view class="price">
		            <text>¥{{ item.price }}</text>
		            <text>x{{ item.num }}</text>
		        </view>
		    </view>
		
	</block>
</template>

<script>
	import {mapState} from 'vuex'
	export default {
		computed:{
			...mapState('m_cart',['cart']) 
		},
		data() {
			return {
				list:[{productName:"水货",price:12,num:1}]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.cart-title{
	height: 40px;
	display: flex;
	align-items: center;
	padding-left: 5px;
	border-bottom: 1px solid #efefef;
	.cart-title-text{
		font-size: 14px;
		margin-left: 10px;
	}
}
.btn_left{
	justify-content: space-between;
	align-items: center;
}
</style>
